<link rel="stylesheet" href="css/financeCenter.css">
<link rel="stylesheet" href="../../css/iconFont/iconfont.css">
<style type="text/css" >
  /*字体*/
  @font-face {
    font-family: "iconfont";
    src: url('../../css/iconFont/iconfont.eot'); /* IE9*/
    src: url('../../css/iconFont/iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../../css/iconFont/iconfont.woff') format('woff'), /* chrome, firefox */
    url('../../css/iconFont/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
    url('../../css/iconFont/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
  }

  .iconfont {
    font-family:"iconfont" !important;
    font-size:14px;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
  }
  .icon {
    width: 1em;
    height: 1em;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
  }
</style>
<!--财务中心-->

<div class="wrap" style="background: #f5f5f5;position: relative;top: 7px;">
  <div class="y-team" style="position: absolute;top: 10px;overflow-x: hidden;">
    <!--top-->
    <div class="y-nav clearfix" style="position: relative;margin-left: 20px">
      <h3 class="fl manage" style="margin-top: 10px;font-size: 20px;"><a href="javascript:;">财务中心</a></h3>
    </div>

    <div class="financeCenter wt-scroll" ui-view>
        <div class="financeCenter-title-top" >
          <p class="details-title clearfix">
            <span></span>
            账户信息
          </p>
          <div class="financeCenter-title-con">
            <div class="financeC-ti-title">
              账户余额
              <span>
                <img src="img/financeHint.svg" alt="">
                <span class="financeC-ti-hint">
                每月15号会定时发送收入账单到您绑定的邮箱中，由您的律所进行对应收入的发放
                </span>
                <span class="financeC-ti-s"></span>
              </span>

            </div>
            <p class="financeC-ti-text">
              {{accountInfo|| 0.00}}元
            </p>
          </div>
        </div>
        <div class="financeCenter-title-top" >
          <p class="details-title clearfix">
          <span></span>
          收支记录
          <i class="details-more" ui-sref="financeCenterDetails">查看更多记录</i>
          </p>

          <table class="table financeCenter-table">
            <thead>
            <tr>
              <th>日期</th>
              <th>类型</th>
              <th>内容</th>
              <th>金额</th>
              <th>交易状态</th>
              <th>详情</th>
            </tr>
            </thead>
            <tbody>
            <tr ng-repeat="con in accountDetailList track by $index">
              <td>{{con.createddate|date:"yyyy-MM-dd"}}</td>
              <td>{{con.moneyflow|caseSourcesFilter:finMoneyflowType}}</td>
              <td class="financeCenterTableTd">{{con.content}}</td>
              <td>{{con.moneyflow==1?'+':'-'}}{{con.amount}}</td>
              <td>{{con.status|caseSourcesFilter:finStatusType}}</td>
              <td ng-click="finCenSkip(con.id)">查看详情</td>
            </tr>
            </tbody>
          </table>
          <!--空白页-->
          <div class="financeCenDe-footer" ng-show="!accountDetailList.length">
            <div>
              <p  style="border:0;padding-top:170px;"><img src="img/financeHintEmpty.png" alt="" style="width:120px;height:120px;"></p>
            </div>
            <div>
              <p  style="border:0;color: #9C9C9C;font-size: 14px;padding-bottom:220px;">暂无消息记录</p>
            </div>
          </div>
        </div>



    </div>

  </div>


</div>
<!--最大的父级-->


<script>
  $(window).ready(function () {

    /*设置屏幕高度*/
    setHeight();
    function setHeight() {
      var gTeamListHeight = $(window).height()-149 + 'px';
      var minHeight = $(window).height()-140 + 'px';
      var maxHeight = $(window).height()-60 + 'px';
      $(".y-team").css("height",maxHeight);
      $(".financeCenter").css("height",gTeamListHeight);
      $(".wrap").css("height",maxHeight);
      $(".wrap").css("width",'100%');
    };
    $(window).resize(function() {
      setHeight();
    });

  })
</script>




